$(function(){

    $("#queryall").click(function () {
        // 每次查询的个数
        var size = 5;
        var val = $("input[type='text'][name='name']").val();
        if (val==''){
            alert("查询所有文档");
            Myselect(1,size);
        }else{
            alert("查询文档：" + val);
            $("#current").text(1);
            $("#total").text(1);
            $("#sumpage").text(1);
            $("#tartgetnum").text("第1页的1条数据");
            $("#prev").addClass("disabled");
            $("#next").addClass("disabled");
            $.ajax({
                // 分页查询
                url:"/department/selectone",
                type: "get",
                data:{
                    name: val
                },
                success: function (data){
                    if (data==''){
                        alert("查无此部门");
                    }else{
                        const str =
                            "<tr id='data_" +
                            data.id +
                            "' align='center' class='main_trbg' style='background-color: rgb(238, 204, 255);'> <td><input type='checkbox' id='box_" +
                            data.id +
                            "' value='" +
                            data.id +
                            "'></td>" +
                            "<td id='lgnam'>" +
                            data.name +
                            "</td><td>" +
                            data.remark +
                            "</td><td align='center' width='40px;'><button onclick='update(this)'><img title='修改' src='../images/update.gif'></button></td></tr>";
                        $("#tbd").html(str);

                        /** 获取上一次选中的部门数据 */
                        var boxs  = $("input[type='checkbox'][id^='box_']");

                        /** 给全选按钮绑定点击事件  */
                        $("#checkAll").click(function(){
                            // this是checkAll  this.checked是true
                            // 所有数据行的选中状态与全选的状态一致
                            boxs.attr("checked",this.checked);
                        })

                        /** 给数据行绑定鼠标覆盖以及鼠标移开事件  */
                        $("tr[id^='data_']").hover(function(){
                            $(this).css("backgroundColor","#eeccff");
                        },function(){
                            $(this).css("backgroundColor","#ffffff");
                        })


                        /** 删除员工绑定点击事件 */
                        $("#delete").click(function(){
                            /** 获取到用户选中的复选框  */
                            var checkedBoxs = boxs.filter(":checked");
                            if(checkedBoxs.length < 1){
                                $.ligerDialog.error("请选择一个需要删除的部门！");
                            }else{
                                /** 得到用户选中的所有的需要删除的ids */
                                var ids = checkedBoxs.map(function(){
                                    return this.value;
                                })

                                $.ligerDialog.confirm("确认要删除吗?","删除部门",function(r){
                                    if(r){
                                        alert("删除："+ids.get());
                                        // 发送请求
                                        window.location = "/deparment/removeDept?ids=" + ids.get();
                                    }
                                });
                            }
                        })
                    }
                }

            })
        }

    })
})

function update(btn) {
    var tr3 = $(btn).parents("tr").children(2);
    console.log(tr3[1].innerHTML);
    var name = tr3[1].innerHTML;
    localStorage.setItem("update",name)
    location.replace("showUpdateDept.html");
}

function Myselect(currentpage,size) {
    $.ajax({
        // 分页查询
        url:"/department/select",
        type: "post",
        data:{
            "current":currentpage,
            "size":size
        },
        success: function (data){
            console.log(data);
            var result = "";
            for (const num in data.records){
                var str =
                    "<tr   id='data_" +
                    data.records[num].id +
                    "' align='center' class='main_trbg' style='background-color: rgb(238, 204, 255);'> <td><input type='checkbox' id='box_" +
                    data.records[num].id +
                    "' value='" +
                    data.records[num].id +
                    "'></td>" +
                    "<td id='docnum'>" +
                    data.records[num].name +
                    "</td><td>" +
                    data.records[num].remark +
                    "</td><td align='center' width='40px;'><button onclick='update(this)'><img title='修改' src='../images/update.gif'></button></td>" +
                    " </td></tr>";
                result += str;
            }
            $("#tbd").html(result);
            $("#current").text(data.current);
            $("#total").text(data.total);
            $("#sumpage").text(data.pages);
            var targetnum = "第" +data.current + "页的" +data.size +"条数据";
            $("#tartgetnum").text(targetnum);
            $("#prev").removeClass("disabled");
            $("#next").removeClass("disabled");
            if (data.current=="1"){
                console.log("第一页");
                $("#prev").addClass("disabled");
            }
            if (data.current==data.pages){
                console.log("最后一页");
                $("#next").addClass("disabled");
            }

            /** 获取上一次选中的部门数据 */
            var boxs  = $("input[type='checkbox'][id^='box_']");

            /** 给全选按钮绑定点击事件  */
            $("#checkAll").click(function(){
                // this是checkAll  this.checked是true
                // 所有数据行的选中状态与全选的状态一致
                boxs.attr("checked",this.checked);
            })

            /** 给数据行绑定鼠标覆盖以及鼠标移开事件  */
            $("tr[id^='data_']").hover(function(){
                $(this).css("backgroundColor","#eeccff");
            },function(){
                $(this).css("backgroundColor","#ffffff");
            })


            /** 删除员工绑定点击事件 */
            $("#delete").click(function(){
                /** 获取到用户选中的复选框  */
                var checkedBoxs = boxs.filter(":checked");
                if(checkedBoxs.length < 1){
                    $.ligerDialog.error("请选择一个需要删除的部门！");
                }else{
                    /** 得到用户选中的所有的需要删除的ids */
                    var ids = checkedBoxs.map(function(){
                        return this.value;
                    })

                    $.ligerDialog.confirm("确认要删除吗?","删除部门",function(r){
                        if(r){
                            alert("删除："+ids.get());
                            // 发送请求
                            window.location = "/deparment/removeDept?ids=" + ids.get();
                        }
                    });
                }
            })



        }

    })
}

function finduser(currentpage,size){
    Myselect(currentpage,size);
}
var val = $("input[type='text'][name='name']").val();

function prev(){
    if (val=='') {
        let pagenum = parseInt($("#current").html());
        if (pagenum > 1) {
            pagenum--;
            finduser(pagenum, 5);
        } else {
            alert("已经是第一页了");
            $("#prev").addClass("disabled");
        }
    }
}
function next(){
    if (val=='') {
        let pagenum = parseInt($("#current").html());
        let sumpage = parseInt($("#sumpage").html());
        if (pagenum < sumpage) {
            pagenum++;
            finduser(pagenum, 5);
        } else {
            alert("已经是最后一页了");
            $("#next").addClass("disabled");
        }
    }

}
$("#pager_jump_btn").click(function () {
    var target = $("input[type='text'][name='target']").val();
    finduser(target, 5);
})